<template>
  <div>
    <h3>{{info.title}}</h3>
    <hr>
    <div class="content">
      <iframe :src="info.content"
              frameborder="0"
              width="100%"
              height="600px"></iframe>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {},
      id: this.$route.params.id
    }
  },
  created() {
    this.getGoodsDesc();
  },
  methods: {
    getGoodsDesc() {
      this.axios.get('/getdesc/' + this.id).then(res => {
        this.info = res.data;
      })
    }
  }
}
</script>

<style lang="scss" scoped>
h3 {
  font-size: 18px;
  text-align: center;
  color: #226aff;
  margin: 15px 0;
}
</style>